import { html } from 'lit';

// prettier-ignore
export const LoomTooltip = html`<svg width="170" height="106" viewBox="0 0 170 106" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip0_5797_116775)">
<rect width="170" height="106" rx="2" fill="white"/>
<text fill="#8E8D91" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="10" letter-spacing="0px"><tspan x="8" y="16.6364">Embed a loom video.</tspan></text>
<mask id="path-3-inside-1_5797_116775" fill="white">
<path d="M8 29C8 26.7909 9.79086 25 12 25H170V106H8V29Z"/>
</mask>
<path d="M8 29C8 26.7909 9.79086 25 12 25H170V106H8V29Z" fill="white"/>
<path d="M7 29C7 26.2386 9.23858 24 12 24H170V26H12C10.3431 26 9 27.3431 9 29H7ZM170 106H8H170ZM7 106V29C7 26.2386 9.23858 24 12 24V26C10.3431 26 9 27.3431 9 29V106H7ZM170 25V106V25Z" fill="#E6E6E6" mask="url(#path-3-inside-1_5797_116775)"/>
<path d="M18 37C18 35.8954 18.8954 35 20 35H170V106H18V37Z" fill="#050505"/>
<rect x="46" y="35" width="124" height="83" fill="url(#pattern0_5797_116775)"/>
<rect x="26" y="43" width="100" height="24" rx="2" fill="#313131" fill-opacity="0.65"/>
<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="14" font-weight="500" letter-spacing="0px"><tspan x="33" y="60.1818">AFFiNE Team</tspan></text>
<rect x="26" y="73" width="42" height="24" rx="2" fill="#313131" fill-opacity="0.65"/>
<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Inter" font-size="12" font-weight="500" letter-spacing="0px"><tspan x="33" y="88.7273">1 min</tspan></text>
</g>
<defs>
<pattern id="pattern0_5797_116775" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_5797_116775" transform="matrix(0.00847458 0 0 0.0126608 0 -0.00643251)"/>
</pattern>
<clipPath id="clip0_5797_116775">
<rect width="170" height="106" rx="2" fill="white"/>
</clipPath>
<image id="image0_5797_116775" width="118" height="80" preserveAspectRatio="none" xlink:href=""/>
</defs>
</svg>
`
